<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/jstl/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/jstl/fn.tld" prefix="fn"%>
<%@ taglib uri="/WEB-INF/jstl/fmt.tld" prefix="fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<html lang="zh-CN">
<head>
<base href="<%=basePath%>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>商品组管理页面</title>

<link rel="stylesheet" type="text/css"
	href="<%=basePath%>assets/bootstrap/css/resetPro.css">
<link
	href="<%=basePath%>assets/bootstrap/css/bootstrap-combined.min.css"
	rel="stylesheet">
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery-2.0.0.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery-ui.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/js/jquery.htmlClean.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/ckeditor/ckeditor.js"></script>
<script type="text/javascript"
	src="<%=basePath%>assets/bootstrap/ckeditor/config.js"></script>
<link rel="stylesheet" type="text/css"
	href="<%=basePath%>assets/bootstrap/Font-Awesome-3.2.1/css/font-awesome.min.css">
<link rel="stylesheet"
	href="<%=basePath%>assets/onedate/css/BeatPicker.min.css" />
<script src="<%=basePath%>assets/onedate/js/BeatPicker.min.js"></script>
<script src="<%=basePath%>assets/onedate/documents/js/prism.js"></script>


<style type="text/css">
a:hover {
	text-decoration: none !important;
}

.pzSpanClass {
	margin: 0 15px;
}

.pzClass {
	width: 55px;
	height: 25px;
}

.cheSpan {
	display: inline-block !important;
	min-width: 25px;
}

.keyinput {
	margin-bottom: 0px !important;
	height: 30px !important;
}

.datatable th,.datatable td {
	text-align: center !important;
	vertical-align: middle !important;
}

.foottable {
	border-top-width: 0px !important;
	margin-top: -21px !important;
}

.oneinput {
	margin-bottom: 0px !important;
	height: 30px !important;
}

.onediv {
	width: 320px;
	margin: 0px auto;
	margin-top: 22px;
}

.inoneline {
	display: inline-block !important;
}

.width130 {
	width: 130px !important;
	margin: 0px auto;
}
</style>
</head>
<body>
	<!-- 页面导航 -->
	<%@include file="../shared/pageTitle.jsp"%>
	<div class="row-fluid">
		<div class="span12">
			<!-- 页面信息 -->
			<%@include file="../shared/info.jsp"%>
			<!-- 简单查询 -->
			<form class=" text-right" action="<%=basePath%>goodsGroup/show"
				method="get">
				<input type="text" name="keys" class="keyinput" value="${keys}"
					placeholder="查询关键字">
				<button class="btn  btn-primary  " type="submit">
					<span class="icon-search  cheSpan"></span>查询
				</button>
				<a id="modal-330177" href="#modal-container-330177" role="button"
					class="btn btn-success" data-toggle="modal"> <span
					class="icon-plus  cheSpan"></span>新增商品组
				</a>
			</form>

			<div id="modal-container-330177" class="modal hide fade topZero"
				role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">×</button>
					<h3 id="myModalLabel" class="text-info ">
						<span class="icon-user  cheSpan"></span>新增商品组
					</h3>
				</div>
				<!--引入form-->
				<%@include file="addGoodsGroup.jsp"%>
			</div>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
			<table class="table table-bordered datatable">
				<thead style="background:#F5F5F5">
					<tr>
						<th>商品组ID</th>
						<th>商品组名</th>
						<th>简介</th>
						<th>组类型<!-- 1表示普通分类2表示按汽车分类-->
						</th>
						<th>状态<!-- 0 下架，1 在售  -1 停产-->
						</th>
						<th>编辑</th>
					</tr>
				</thead>
				<c:choose>
					<c:when
						test="${(empty goodsGroupPageInfo.basePageList) or (fn:length(goodsGroupPageInfo.basePageList)<1)}">
						<h4 class="text-center text-error">所查商品组信息为空</h4>
					</c:when>
					<c:otherwise>

						<tbody>
							<%
								int i = 0;
							%>
							<c:forEach items="${goodsGroupPageInfo.basePageList}"
								var="goodsGroup">

								<%
									i++;
								%>
								<tr class="<%if (i % 2 != 0) {%>warning<%} else {%>info<%}%>">
									<td>${goodsGroup.id}</td>
									<td>${goodsGroup.name}</td>
									<td>${goodsGroup.desc}</td>
									<td>${goodsGroup.type eq 1 ? "普通分类" : "汽车分类"}
									</td>
									<td>${goodsGroup.state eq 1 ? "正常" : "停用"}<!-- 0下架，1在售-->
									</td>
									<td>
										<button type="button" class="btn btn-info btn-block"
											onclick="javascript:window.location.href='<%=basePath%>goodsGroup/edit/${goodsGroup.id}';">
											<span class="icon-edit cheSpan"></span>修改
										</button>
									</td>
								</tr>
							</c:forEach>
						</tbody>
			</table>

			<table class="table foottable">
				<tbody>
					<tr>
						<td>
							<div class="uldiv pagination pagination-left ">
								<span class="label badge-info">记录总数:</span><span
									class="label badge-info">${goodsGroupPageInfo.rootListSize}</span> <span
									class="label badge-success">页面大小:</span> <span> <select
									name="pageSize" class="pzClass label badge-success"
									id="pzSelect"
									onchange="javascript:window.location.href='<%=basePath%>goodsGroup/show?pageSize='+$('#pzSelect').val()+'&nowPage=${goodsGroupPageInfo.nowPage-1}&keys=${keys}';">
										<!-- 循环取出页面大小 -->
										<c:forEach items="${goodsGroupPageInfo.pageSizeList}" var="pz">
											<option value="${pz}"
												<c:if test="${pz eq goodsGroupPageInfo.pageSize}">selected="selected"</c:if>>${pz }</option>
										</c:forEach>
								</select>
								</span> <span class="label badge-important">当前页:</span><span
									class="label badge-important">${goodsGroupPageInfo.nowPage}</span>
							</div>
						</td>
						<td>
							<div class="pagination pagination-right">
								<ul class="oneul">
									<li><a
										href="<%=basePath%>goodsGroup/show?pageSize=${goodsGroupPageInfo.pageSize}&nowPage=${goodsGroupPageInfo.nowPage-1}&keys=${keys}">上一页</a>
									</li>
									<c:forEach items="${goodsGroupPageInfo.pageNoList}" var="no">
										<c:choose>
											<c:when test="${no ne -1}">
												<li><a
													href="<%=basePath%>goodsGroup/show?pageSize=${goodsGroupPageInfo.pageSize}&nowPage=${no==0?1:no}&keys=${keys}">${no==0?'...':no}</a>
												</li>
											</c:when>
											<c:otherwise></c:otherwise>
										</c:choose>
									</c:forEach>
									<li><a
										href="<%=basePath%>goodsGroup/show?pageSize=${goodsGroupPageInfo.pageSize}&pageCount=${goodsGroupPageInfo.pageCount}&nowPage=${goodsGroupPageInfo.nowPage+1}&keys=${keys}">下一页</a>
									</li>
								</ul>
							</div>
						</td>
					</tr>
				</tbody>
				</c:otherwise>
				</c:choose>
			</table>
		</div>
	</div>
</body>

</html>
